.x-placeholderlabel {
  .x-form-label {
    -webkit-transition : opacity $placeholderlabel-opacity-time $placeholderlabel-opacity-easing, -webkit-transform $placeholderlabel-transition-time $placeholderlabel-transition-easing;
    -webkit-transform  : translate(0, $placeholderlabel-transition-distance);
    opacity            : 0;
    padding            : $placeholderlabel-label-padding;
  }

  &.x-show-label {
    .x-form-label {
      -webkit-transform : translate(0, 0);
      opacity           : 1;
    }
  }
}
